<template>
	<view class="company_empty">
		<view class="item">
			<view class="text" @tap="joinCompany">
				<image src="/static/images/company/join.png" class="icon"></image>
				加入企业
			</view>
			<view class="log">申请记录</view>
		</view>
		<view class="item">
			<view class="text" @tap="goto('/pages/companyEmpty/companyCreate/index')">
				<image src="/static/images/company/create.png" class="icon"></image>
				创建企业
			</view>
			<view class="log">申请记录</view>
		</view>
		<CompanyJoin :_showPop="showPop"/>
	</view>
</template>

<script>
	import CompanyJoin from './companyJoin/index.vue'
	export default {
		components: {
			CompanyJoin
		},
		data() {
			return {
				showPop: false,
			}
		},
		methods: {
			joinCompany(e) {
				this.showPop = !this.showPop
			}
		},
	}
</script>

<style>
	.company_empty {
		padding: 216upx 117upx;
		background-color: white;
	}
	
	.company_empty .item {
		box-shadow: 0upx 0upx 9upx 4upx rgba(0,0,0,0.07);
		height: 181upx;
		width: 100%;
		display: flex;
		margin-bottom: 140upx;
	}
	.item .text {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 34upx;
	}
	.item .text .icon {
		width: 36upx;
		height: 36upx;
		margin-right: 6upx;
	}
	.item .log {
		width: 80upx;
		height: 100%;
		background-color: #009AFF;
		color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		writing-mode: tb-rl;
		font-size: 30upx;
	}
	
	
</style>
